.task-top{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background:#fff url(../image/task_top_bg.png) no-repeat;
	background-size: 100% auto;
	z-index: 2;
	.top{
		font-size: .38rem;
		text-align: center;
		color: #fff;
		height: 1rem;
		line-height: 1rem;
	}
	.withdraw-list{
		background:#fff;
		border-radius: .3rem .3rem 1px 1px;
		padding: .5rem .3rem;
		display: flex;
		justify-content: space-around;
		align-items:center;
		border-bottom:.06rem #F0F0F0 solid;
		.lists{
			flex: 1;
			text-align: center;
			h3{
				font-size: .46rem;
				color: #333;
			}
			p{
				font-size: .24rem;
				color: #999;
			}
			a{
				display: block;
				width: 1.64rem;
				height: .7rem;
				line-height: .7rem;
				background:#ff9731;
				border-radius:.2rem;
				margin: .4rem auto 0;
				font-size: .32rem;
				color: #fff;
			}
		}
		.lists.bor-right{
			border-right:1px #E3E3E3 solid;
		}
	}
}
.icon_red{
	display: inline-block;
	width: .44rem;
	height: .35rem;
	background:url(../image/icon-red.png) center no-repeat;
	background-size:.44rem .35rem;
	padding:0 .1rem;
}
.icon_jt{
	display: inline-block;
	width: .44rem;
	height: .35rem;
	background:url(../image/icon_jt2.png) center no-repeat;
	background-size:.18rem .1rem;
	padding:0 .1rem;
	vertical-align: middle;
}
.task-com{
	// padding:4.2rem 0 .89rem;
	padding:4.2rem 0 0;
}

.task-list{
	border-bottom:.06rem #F0F0F0 solid;
	.title{
		font-size: .32rem;
		color: #333;
		padding:.2rem;
		margin-top: .25rem;
		position:relative;
		.info{
			position:absolute;
			right: .2rem;
			top: .25rem;
			font-size: .24rem;
			color: #999;
		}
	}
	.show{
		padding:.3rem;
		border-top:1px #F0F0F0 solid;
		font-size: .28rem;
		color: #666;
		text-align: center;
		span{
			transition: all .2s;
			&.up{
				transform: rotate(180deg);
			}
		}
	}
	.lists{
		padding:.2rem;
		border-top:1px #F0F0F0 solid;
		display: flex;
		justify-content: space-between;
		align-items:center;
		.top{
			display: flex;
			padding-bottom: .08rem;
			h3{
				font-size: .3rem;
				color: #333;
			}
			font{
				font-size: .28rem;
				color: #FF6666;
			}
		}
		p{
			font-size: .24rem;
			color: #999;
		}
		.rigtht{
			width: 1.4rem;
			height: .6rem;
			text-align: center;
			line-height: .6rem;
			font-size: .26rem;
			a{
				display: block;
				border-radius:5px;
				&.red{
					color: #FF3333;
					border:1px #FF3333 solid;
				}
				&.blue{
					color: #00B5E9;
					border:1px #00B5E9 solid;
				}
				&.gary{
					color: #fff;
					background:#DCDCDC;
					border:1px #DCDCDC solid;
				}
			}
		}
	}
}

.foot{
	position:fixed;
	left: 0;
	right: 0;
	bottom:0;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	height: .88rem;
	background:#fff;
	border-top:1px #F0F0F0 solid;
	a{
		flex: 1;
		text-align: center;
		padding-top: .42rem;
		font-size: .2rem;
		color: #333;
		margin-top: .12rem;
		&.foot-index{
			background:url(../image/icon_foot_index.png) center top no-repeat;
			background-size:.42rem auto;
		}
		&.foot-task{
			background:url(../image/icon_foot_task.png) center top no-repeat;
			background-size:.38rem auto;
			color: #0479A7;
		}
		&.foot-user{
			background:url(../image/icon_foot_user.png) center top no-repeat;
			background-size:.3rem auto;
		}
	}
}
.tkcom-qd{
	position:absolute;
	width: 8.37rem;
	height: 10.05rem;
	left: 50%;
	top: 50%;
	margin-top:-5rem;
	transform:translateX(-50%);  
	background: url(../image/qd_bg.png) no-repeat;
	background-size:100% 100%;
}
.tkcom-qd-com{
	position:relative;
	width: 6.02rem;
	height: 8.25rem;
	margin: 0.9rem auto 0;
	.title{
		padding-top:1rem;
		text-align: center;
		color: #fff;
		font-size: .4rem;
		vertical-align: middle;
		font{
			font-size: .8rem;
			padding:0 .1rem;
		}
		span{
			display: inline-block;
			width: 1.15rem;
			height: .48rem;
			background:url(../image/btn_bg.png) no-repeat;
			background-size:100% auto;
		}
	}
	ul{
		margin-top: .35rem;
		height: 4.47rem;
		display: flex;
		flex-wrap:wrap;
		padding: 0 .3rem;
		li{
			width: 25%;
			margin-top: .3rem;
			text-align: center;
			font-size: .22rem;
			padding-top: .5rem;
			color: #999;
			img{
				display: block;
				width: .55rem;
				height: .62rem;
				margin: auto;
			}
			&.hover{
				color: #FC6A48;
			}
			&.hover2{
				background:url(../image/qd_top.png) center top no-repeat;
				background-size:1.05rem auto;
			}
		}
	}
	.tkcom-qd-btn{
		a{
			display: block;
			width: 5.29rem;
			height: 1.05rem;
			margin: auto;
			background:url(../image/qd_bg_btn.jpg) no-repeat;
			background-size:100% auto;
			font-size: .36rem;
			color: #fff;
			line-height: .85rem;
			text-align: center;
		}
		
	}
}
.tkcom-qd-close{
	position:absolute;
	width: .6rem;
	height: .6rem;
	top: .2rem;
	right: .2rem;
}
.ad{
	width: 100%;
	height: 1.24rem;
	padding-top:.25rem;
	overflow-y: auto;
	.banner{
		overflow:auto;
	}
	a{
		display: block;
		float: left;
		padding-left: .2rem;
	}
	img{
		width: 2.44rem;
		height: 1.24rem;
	}
}